<!doctype html>

{% extends 'base.html' %}
{% block body %}
    <div style="background: linear-gradient({{ user_choose_color_up }}, {{ user_choose_color_down }})" class="site-wrapper">

      <div class="site-wrapper-inner">

        <div class="cover-container">

          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">Python基础</h3>
              <nav>
                <ul class="nav masthead-nav">
                  <li class="active"><a href="http://127.0.0.1:5000/">首页</a></li>
                  <li><a href="http://127.0.0.1:5000/introduction">介绍</a></li>
                  <li><a href="http://127.0.0.1:5000/contact">联系</a></li>
                </ul>
              </nav>
            </div>
          </div>

          <div class="inner cover">
            <h1 class="cover-heading">颜色选择框</h1>
            <form method="POST" action="/results">
                <input name="selectcolor_up" type="color">
                <input name="selectcolor_down" type="color">
                <p></p>
                <p class="lead">
                    <button class="btn btn-primary" type="submit">提交</button>
                </p>
            </form>
          </div>


          <div class="mastfoot">
            <div class="inner">
              <p>广州南方学院文学与传媒学院网络与新媒体专业 <a href="https://getbootstrap.com/"></a>, by <a href="https://twitter.com/mdo">@liushufen</a>.</p>
            </div>
          </div>

        </div>

      </div>

    </div>
{% endblock %}